<template>
  <div class="home">
<!--    <h2>首页</h2>-->
<!--    <h2>{{this.$store.state.data}}</h2>-->
    <navbar></navbar>
    <home-item :home-item-list="list"></home-item>
    <tabbar></tabbar>
  </div>
</template>

<script>
import {list} from "../data/itemList";
import Navbar from "../components/navbar/navbar";
import Tabbar from "../components/tabbar/tabbar";
import HomeItem from "./home/homeItem";

export default {
  name: "home",
  components: {HomeItem, Tabbar, Navbar},
  data(){
    return{
      list
    }
  }
}
// import "../assets/css/base.css"
</script>

<style scoped>

.home{
  margin: 5.5rem 0 4.5rem 0;
}


</style>